import 'package:flutter/material.dart';

class MyApp15 extends StatelessWidget {
  const MyApp15({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      //导航条
      appBar: AppBar(
        title: const Text(
          'ListViewBuilder',
          style: TextStyle(color: Colors.white, fontSize: 20),
        ),
        backgroundColor: Colors.pink,
        centerTitle: true,
      ),
      //主体区域
      body: ListView.separated(
        //列表的每一项
        itemBuilder: (BuildContext context, int index) {
          return Container(
            padding: EdgeInsets.all(10),
            child: Row(
              children: [
                Image.network(
                  'https://yanxuan-item.nosdn.127.net/e529b6ab111ade9da9314867f98d360f.png',
                  width: 90,
                ),
                const SizedBox(width: 10),
                const Expanded(
                  child: Text(
                    '海尔（Haier）波轮洗衣机全自动家用 10公斤大容量 直驱变频 一级能效 高效精华洗 以旧换新EB100B37Mate5',
                    maxLines: 2,
                    overflow: TextOverflow.ellipsis,
                  ),
                ),
                const SizedBox(width: 10),
                Icon(Icons.arrow_forward_ios, size: 16),
              ],
            ),
          );
        },
        separatorBuilder: (BuildContext context, int index) {
          return Container(
            //
            height: 1,
            color: Colors.red,
            margin: const EdgeInsets.only(left: 10, right: 10),
            // child: const Divider(height: 1),
          );
        },
        itemCount: 20,
      ),
    );
  }
}
